{% extends 'sub_page/base.html' %}
{% block content %}
<div id="main">
  <div class="row box">
    <div class="col-md-8">
      <h2 class="uptop"><i class="fa fa-search" aria-hidden="true"></i> {{ keywords }}</h2>
      {% for item in articles %}
        <article class="article-list-2 clearfix">
         <div class="post-time"><i class="fa fa-calendar"></i> {{ item.date_publish|date:"m月d日" }}</div>
            <h1 class="post-title"><a href="{% url 'blog' item.id %}">{{ item.title }}</a></h1>
             <div class="post-meta">
            <span class="meta-span"><i class="fa fa-folder-open-o"></i> <a href="{% url 'category' item.id %}" rel="category tag">{{ item.category }}</a></span>
            <span class="meta-span"><i class="fa fa-commenting-o"></i> <a href="https://tangjie.me/blog/213.html#comments">10条评论</a></span>
        </div>
      </article>
      {% endfor %}
      <nav style="float:right">
        <ul class="pagination"><li class="active"><a href="https://tangjie.me/?s=%E4%BA%A7%E5%93%81">1<span class="sr-only">(current)</span></a></li><li><a href="https://tangjie.me/page/2?s=%E4%BA%A7%E5%93%81">2</a></li><li><a href="https://tangjie.me/page/3?s=%E4%BA%A7%E5%93%81">3</a></li><li><a href="https://tangjie.me/page/4?s=%E4%BA%A7%E5%93%81">4</a></li><li><a href="https://tangjie.me/page/5?s=%E4%BA%A7%E5%93%81">5</a></li><li><a href="https://tangjie.me/page/6?s=%E4%BA%A7%E5%93%81">6</a></li><li><a href="https://tangjie.me/page/2?s=%E4%BA%A7%E5%93%81"><i class="fa fa-angle-right" aria-hidden="true"></i></a></li><li><a href="https://tangjie.me/page/20?s=%E4%BA%A7%E5%93%81"><i class="fa fa-angle-double-right" aria-hidden="true"></i></a></li></ul>
      </nav>
    </div>
    {% include 'sub_page/right.html' %}
  </div>
</div>
{% endblock %}
